<#list page.content as h>
    <div class="hotel-item clearfix _j_hotel_item" data-id="9031088" data-is-merge_room="0"
         data-name="${h.name}" data-lat="25.042788" data-lng="121.50931" data-is-airbnb="0"
         data-cs-t="酒店list页点击入口分布">
        <div class="hotel-pic">
            <a href="${h.img}" class="_j_hotel_info_link" target="_blank"
               data-cs-p="图片">
                <img src="${h.img}"
                     alt="" style="width: 330px;">
            </a>

        </div>
        <div class="hotel-title">
            <div class="title">
                <h3><a href="" class="_j_hotel_info_link" target="_blank"
                       title="${h.name} ${h.englishName}" data-cs-p="标题">${h.name}</a></h3>
                <br>
                <span>${h.englishName}</span>
            </div>
        </div>
        <div class="hotel-info ">
            <ul class="nums clearfix">
                <li class="rating rating2">
                    <em>${h.score}</em>分
                </li>
                <li class="split"></li>
            </ul>

            <div class="location">
                <span><i class="icon-location"></i>详细地址: <a href="javascript:;" data-id="1762"
                                                            data-type="area">${h.address}</a></span>
            </div>

        </div>
        <div class="hotel-btns">
            <a class="btn-booking _j_booking_btn" href="javascript:" rel="nofollow" style=""
               data-ota="ctrip"
               data-url=""
               data-price="626" data-is-cache-price="0" data-is-sold-out="0" data-pay-type="">
                <div class="ota">
                    <div class="name">
                        <strong>骡窝窝</strong>


                    </div>
                    <p class="tips" style="display:none;"></p>
                </div>
                <div class="price _j_booking_price">
                    <strong>￥</strong><strong>${h.price}</strong><strong
                        style="font-size: 12px;color: #666;padding-left: 2px;vertical-align: 1px;">起</strong>
                    <i class="arrow"></i>
                </div>
                <div class="price _j_booking_sold_out" style="display:none;">
                    <span>已售罄</span>
                </div>

            </a>
        </div>
    </div>
</#list>
<div style="float: right">
    <div style="float: left;" ><span style="line-height:30px"> 共${page.totalPages!}页 / ${page.totalElements}条&nbsp;&nbsp;&nbsp;</span></div>
    <div id="pagination" class="jq-pagination" style="display: inline;"></div>
</div>
<script>
    //分页
    $("#pagination").jqPaginator({
        totalPages: ${page.totalPages!0},
        visiblePages: 5,
        currentPage: ${page.number+1}||1,
        prev: '<a class="prev" href="javascript:void(0);">上一页<\/a>',
        next: '<a class="next" href="javascript:void(0);">下一页<\/a>',
        page: '<a href="javascript:void(0);">{{page}}<\/a>',
        last: '<a class="last" href="javascript:void(0);" >尾页<\/a>',
        onPageChange: function(page, type) {
            if(type == 'change'){
                $("#currentPage").val(page);
                $("#editForm").ajaxSubmit(function (data) {
                    $("#_j_hotel_list").html('');
                    $("#_j_hotel_list").html(data);
                })
            }
        }
    })
</script>